@charset "UTF-8";
header{
	height:100px;
	z-index:1;
}
body{
	overflow: hidden;
}
.home-container{
	width: 100%;
    height: 100%;
	overflow: hidden;
	position: relative;
}
.flexbox {
	display: flex;
	display: -moz-flex;
	display: -webkit-flex;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.posi-relative {
    position: relative;
	width: 100%;
	height: 100%;
	
}

.content {
	-moz-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	position: relative;
	z-index:3;
}

.sub-title {
	-moz-flex: 0 0 32%;
	-webkit-flex: 0 0 32%;
	flex: 0 0 32%;
	order: -1;
	height: 100%;
	position: relative;
	 text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom:100px;
}

.section {
	text-align: center;
	color: #333;
	height: 100%;
    width: 100%;
	overflow: hidden;
}

.sub-content {
	margin-top:0;
	position: relative;
	z-index:2;
	-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out;
}

.left {
	width: 32%;
	height: 100%;
}

.section .content {
	width: auto;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}

.content-img{
	width:100%;
	height:calc(100% - 100px);
}

.section2 .sub-title {
	background-color: rgba(232, 109 , 181, 0.8);
}

.section3 .sub-title {
	background-color: rgba(230, 165, 99, 0.8);
}

.section4 .sub-title {
	background-color: rgba(219, 127, 136, 0.8);
}

.section5 .sub-title {
	background-color: rgba(110, 247, 239, 0.8);
}

.section6 .sub-title {
	background-color: rgba(246, 234, 99, 0.8);
}

.section7 .sub-title {
	background-color: rgba(120, 224, 165, 0.8);
}

.section8 .sub-title {
	background-color: rgba(198, 129, 248, 0.8);
}


.bg2 {
	background-image: url('../../resources/img/index/2.jpg');
}

.bg3 {
	background-image: url('../../resources/img/index/3.jpg');
}

.bg4 {
	background-image: url('../../resources/img/index/4.jpg');
}

.bg5 {
	background-image: url('../../resources/img/index/5.jpg');
}

.bg6 {
	background-image: url('../../resources/img/index/6.jpg');
}

.bg7 {
	background-image: url('../../resources/img/index/7.jpg');
}


.video_bg_img {
	position: absolute;
	height: 100% !important;
	width: 100% !important;
}

.video_cover {
	position: absolute;
	width: 100%;
	height: 100%;
 	background-color: #bb7c2c;
	-moz-opacity: 0.3; 
	opacity:.30; 
	filter: alpha(opacity=30);
}

.video-content {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 300;
	bottom:155px;
	
}

.video-content .v-logo-img {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.v-content {
	margin-bottom: 20px;
}

.v-content p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
}

.v-content-foot .title {
	color:#fff;
	font-size: 12px;
}

.v-content-foot .arrows {
	color:#fff;
	display: block;
	cursor: pointer;
	margin: 20px auto;
}

.v-content-foot .arrows i {
	font-size: 50px;
	color: #fff;
}

.v-content-foot .arrows i:hover {
	color: #bb7c2c;
}
.btm-border{
	border-bottom:3px solid #ddd;
}

.sub-content h3{
	font-size: 30px;
	color: #fff;
	margin-bottom:40px;
}

.sub-content a {
	font-size: 18px;
	color:#333;
	font-weight:600;
	cursor: pointer;
}

.sub-content a:hover{
	width: 120px;
	color: #fff !important;
	border-bottom: 2px solid #fff;
}

.sub-content-foot{
	position:absolute;
	bottom:160px;
	left:20px;
	text-align:left;
    font-size: 12px;
	color: #fff;
}

.pie_progress {
    width: 80px;
    margin: 10px auto;
}

.timeCircle p{
	font-size:12px;
	font-weight:600 !important;
}

.timeCircle .line {
	margin:0 auto;
	border:1px solid rgba(125, 121, 121, 0.2);
	display:block;
	width:30px;
	height:0;
	backgroun-color:rgba(51,51,51,0.3);
}
.copyright{
	font-weight:600;
    position: absolute;
    bottom: 105px;
    font-size:12px;
    color:#333;
    left:23%;
}
.copyright a{
	font-weight:600;
    font-size:12px;
    color:#333;
}
.copyright a:hover{
	color:#fff;
}
.img-bg{
	display: none; 
	position: absolute; 
	top: 0%; left: 0%; 
	width: 100%; height: 100%; 
	-moz-opacity: 0.1; 
	opacity:.10; 
	filter: alpha(opacity=10);
}

@media (max-width: 767px) {
	header{
		height:50px;
	}
	.sub-content{
		margin-top:-100px;
	}
	.sub-content-foot{
		/*Standard */
    		top: calc(100vh - 165px);
  		/*Firefox*/
		top: -moz-calc(100vh - 165px);
		/*chrome safari*/
		top: -webkit-calc(100vh - 165px);
	}
	#video_cover {
		background-image:url(http://on01whf2s.bkt.clouddn.com/peanut/1506828108764.jpg);
	}
}

